<template>
    <div>
       <van-nav-bar  left-arrow
  @click-left="onClickLeft"  >
           
  <van-icon name="wap-nav" slot="right"  size="18px" color="#000" />
</van-nav-bar>
    <div class="ship" >
        <p>
           <video controls style="width:375px;height:210px" >
            
               <source src="../video\mda-imppqk6bcp4bi6gy.mp4" type="video/webm">
             
            </video> 
        </p>

    </div>
    <div class="zu">
<p class="zu1"><span><van-icon name="comment-circle-o" size="20px"/></span><a>3221</a>  </p>
 
    <p class="zu2"><span><van-icon name="star-o" size="18px" /></span><span><van-icon name="upgrade" size="18px" /></span><span><van-icon name="wap-nav" size="18px" /></span><span><van-icon name="bill-o" size="18px" /></span></p>
   </div>
   <h2 class="fj">胸部训练
       <p style="color:#999999">挑战10分钟</p>
   </h2>


   <p class="xun">5次训练<span><van-icon name="wap-nav" size="18px"/>全部</span></p>
   <div class="footed">
       <div style="width:100%;height:10px;background:#ccc"></div>
    <p class="foot">21323人训练<span><van-icon name="manager" /><van-icon name="manager" /><van-icon name="manager" /><van-icon name="manager" /><van-icon name="arrow" /></span></p>
       <div style="width:100%;height:7px;background:#ccc"></div>
   
   <p class="foot">装备:哑铃套装<span><van-icon name="arrow" /></span></p>
       <div style="width:100%;height:7px;background:#ccc"></div>

</div>
 <router-view></router-view>
    </div>
   
</template>

<script>

export default {
    name:'Homexq',
    data(){
        return{
            title:''



        }
    },
    methods:{
onClickLeft(){
    this.$router.go(-1)

}


    }


}
</script>

<style scoped>
*{
    margin: 0;
    padding: 0
}
.ship{
    width: 100%;
    height: 210px;
   
    box-sizing: border-box;
    background: #eee


}

.zu {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
  
   
}
.zu1{
      font-size: 18px
}
.zu2 span{
margin:0 10px
}
.fj{
    line-height: 25px;
     padding: 5px 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc

}
.fj p{
    font-size: 14px;
    font-weight: normal
}
.xun{
 padding: 10px 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    border-bottom: 1px solid #ccc


}
.foot{
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    box-sizing: border-box;
    font-size: 18px
}
.footed{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
  font-size: 18px
}
</style>
